// var table;
// var url = "http://106.14.219.21:8089";
// var url = "http://192.168.1.146:8080";
// var url = "http://47.110.43.153:8086";


$(function(){
    /** 初始化Tree */
    initTree();

    /** 初始化SKU Table */
    init_table();

    /** 初始化SPU信息 */
    initSpu();
    /** 切换边框 */

});

/** 初始化树 */
function initTree() {
    $("#easyui-tree").tree({
        url: url+"/pzCfgCataLogController/pzCfgCataLogTree.json",
        method: 'get',
        loadFilter: function (data) {
            if (data.ret) {
                return data.data;
            } else {
                return data.data;
            }
        },
        onClick: function (node) {
            //去加载SPU的信息
            initSpu(node.id);
        }
    });
}

/** 初始化树 */
function initSpu(data) {
    $.ajax({
        url: url+"/spuCatalogRelateConntroller/getAllRelate.json",
        type: "GET",
        data : {"page":"0","param":data,"limit":"0"},
        dataType: "json",
        success: function (data) {
            if (data.ret) {
                var data = data.data;
                showPage(data);
            }else{
                pz_Alert("获取SPU信息失败！");
            }
        }
    });
}

function showPage(data){

    $("#spu_msg").empty();

    var html = "";
    for(var i = 0; i < data.length; i++){
        html += "<div class='box box-goods fl'><a onclick=\"reload_table('" + data[i].spu_code + "','" + data[i].spu_name + "')\">"+
                    "<div class='box-main'>" +
                        "<div class='preview-wp'>" +
                            "<div class=\"preview-img\" style=\"background-image: url("+data[i].spu_pic_url+")\"></div>" +

                            // "<img src=\"" + data[i].sku_file_paht + "\" class='preview'>" +
                        "</div>" +
                     "</div>" +
                    "<div class='box-bottom'>" +
                        "<p class='box-title ell'>" + data[i].spu_name + "</p>"+
                    "</div>"+
                "</a></div>";
    }

    $("#spu_msg").append(html);
    initActive();

}
function initActive() {
    $(".box-goods").click(function () {
        $(this).addClass("active").siblings().removeClass("active")
    })

    init_event();
}

function init_event(){
    $(".box-goods").click(function(){

        $(this).addClass("active").siblings().removeClass("active");
    });
}


var name='';
var code='';
function reload_table(spu_code,spu_name){
    name =spu_name;
    code =spu_code;
    //执行重载
    table.reload('sku_table_id', {
        page: {
            curr: 1 //重新从第 1 页开始
        }
        , where: {
            spuCode: spu_code, key :null
        }
    });
}
function key_reload_table(){
    name = '';
    code = '';
    var demoReload = $('#demoReload').val();
    //执行重载
    table.reload('sku_table_id', {
        page: {
            curr: 1 //重新从第 1 页开始
        }
        , where: {
            spuCode: null, key :demoReload
        }
    });
}
$("#demoReload").keyup(function(event){
    var e = event || window.event ||arguments.callee.caller.arguments[0];
    if (e && e.keyCode == 13) {
        key_reload_table();
    }
});

function init_table(){
    layui.use('table', function () {
        table = layui.table;

        //方法级渲染
        table.render({
            elem: '#LAY_table_sku'
            , url: url+'/sku/getSkuListPageBySpuCode.json'
            , cols: [
                [ //表头
                    {field: 'sku_id', title: '序号', align: 'center',type:'numbers'}
                    // , {field: 'sku_code', title: '材料编码',width:'120', align: 'center' }
                    , {field: 'sku_name', title: '材料名称', event: 'setSign', templet: '#usernameTpl'}
                    , {field: 'sku_code', title: '材料编码', align: 'center' }
                    , {field: 'sku_model', title: '型号' ,align: 'center'}
                    , {field: 'sku_unit', title: '单位' , align: 'center'}
                    , {field: 'sku_brand', title: '品牌', align: 'center'}
                    , {field: 'sku_slug_set', title: '规格参数', align: 'center'}
                    , {field: 'sku_official_price', title: '价格', align: 'center'}
                    , {field: 'sku_content', title: '说明', align: 'center'}
                    // , {field: 'sku_cost_price', title: '成本价格',width:'120', align: 'center'}
                    // , {field: 'sku_service_price', title: '安装价格',width:'120', align: 'center'}
                    // , {field: 'sku_loss', title: '损耗',width:'120', align: 'center'}
                    // , {field: 'sku_delivery_cycle', title: '供货周期',width:'120', align: 'center'}
                    // , {field: 'id13', title: '操作', width: 185, toolbar: '#barDemo', unresize: true}
                ]
            ]
            , id: 'sku_table_id'
            , page: true
            , height: 'full-310'
            , limits: [100, 500, 1000]
            , limit: 100 //每页默认显示的数量
        });

        //监听工具条
        table.on('tool(sku)', function (obj) {
            var data = obj.data;
            layer.open({
                type: 2,
                content: '/dataCenter/skuBox.page?sku_code='+data.sku_code+'&spu_code='+code+"&spu_name="+name,
                title: "SKU详情",
                area: ['50%', '80%'],
                shadeClose: true,

            });
        });
        //监听表格复选框选择
        table.on('checkbox(user)', function(obj){
            console.log(obj)
        });
        // //监听工具条
        // table.on('tool(sku)', function(obj){
        //     var data = obj.data;
        //     if(obj.event === 'detail'){
        //         layer.msg('ID：'+ data.id + ' 的查看操作');
        //     } else if(obj.event === 'del'){
        //         layer.confirm('真的删除行么', function(index){
        //             obj.del();
        //             layer.close(index);
        //         });
        //     }
        // });
    });

}

